www.gusucode.com > 24:【198-3312】绿色蔬菜水果类企业织梦模板(带手机移动端) > 24:【198-3312】绿色蔬菜水果类企业织梦模板(带手机移动端)/(带手机版数据同步)绿色蔬菜类网站源码 水果类企业/m/skin/css/cubenavigation.min.css
.cubeNavigationArea .icon-cube { font-size: 2rem; color: #fff } .cubeNavigationArea .cubeLink_text_p { font-size:.7rem } .form.formStyle31 { padding: 0; background: transparent; border: 0 } .cubeNavigationArea { overflow: hidden; min-height:.5rem; padding-top: 1.5% } .cubeNavigationArea .cubeLink { float: left; width: 100%; height: 4.7rem; padding-bottom: 1.5%; padding-left: 1.5% } .cubeNavigationArea .cubeLink .cubeLink_a { width: 100%; height: 100%; display: inline-block; position: relative } .cubeNavigationArea .cubeLink .cubeLink_a .cubeLink_bg { width: 100%; height: 100%; position: absolute } .cubeNavigationArea .cubeLink .cubeLink_a .cubeLink_curtain { width: 100%; height: 100%; position: absolute } .cubeNavigationArea .cubeLink .cubeLink_a .cubeLink_ico { width: 2rem; height: 2.1rem; margin: auto; position: absolute; background-size: 40px 40px } .cubeNavigationArea .cubeLink .cubeLink_a .cubeLink_text { width: 100%; position: absolute; table-layout: fixed } .cubeNavigationArea .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p { white-space: nowrap; overflow: hidden } .cubeNavigationArea .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p .cubeLink_subText_p { display: none } .cubeNavigationArea .cubeLink_fixWidth_1 { width: 97%!important } .cubeNavigationArea .cubeLink_fixWidth_2 { width: 47.75%!important } .cubeNavigationArea1 .cubeLink { width: 31.33% } .cubeNavigationArea1 .cubeLink .cubeLink_a .cubeLink_bg { background: #1e2225 } .cubeNavigationArea1 .cubeLink .cubeLink_a .cubeLink_ico { left: 0; right: 0; top: 15% } .cubeNavigationArea1 .cubeLink .cubeLink_a .cubeLink_text { bottom: 15%; text-align: center; color: #fff; font-size: 14px } .cubeNavigationArea1 .cubeLink .cubeLink_a:hover .cubeLink_bg { background: #3c3058 } .cubeNavigationArea1 .cubeLink:nth-child(1) { padding-top: 1% } .cubeNavigationArea1 .cubeLink:nth-child(2) { padding-top: 1% } .cubeNavigationArea1 .cubeLink:nth-child(3) { padding-top: 1% } .cubeNavigationArea1 .cubeLink:nth-child(3n+3) { width: 31.34% } .cubeNavigationArea1 .cubeLink:nth-child(9n+1) .icon-cube:before { content: "\e6aa" } .cubeNavigationArea1 .cubeLink:nth-child(9n+2) .icon-cube:before { content: "\e642" } .cubeNavigationArea1 .cubeLink:nth-child(9n+3) .icon-cube:before { content: "\e65f" } .cubeNavigationArea1 .cubeLink:nth-child(9n+4) .icon-cube:before { content: "\e6ed" } .cubeNavigationArea1 .cubeLink:nth-child(9n+5) .icon-cube:before { content: "\e67a" } .cubeNavigationArea1 .cubeLink:nth-child(9n+6) .icon-cube:before { content: "\e6c0" } .cubeNavigationArea1 .cubeLink:nth-child(9n+7) .icon-cube:before { content: "\e6df" } .cubeNavigationArea1 .cubeLink:nth-child(9n+8) .icon-cube:before { content: "\e6de" } .cubeNavigationArea1 .cubeLink:nth-child(9n+9) .icon-cube:before { content: "\e6b8" } .cubeNavigationArea2 .cubeLink { width: 31.33% } .cubeNavigationArea2 .cubeLink .cubeLink_a .cubeLink_ico { left: 0; right: 0; top: 15% } .cubeNavigationArea2 .cubeLink .cubeLink_a .cubeLink_text { bottom: 20%; text-align: center; color: #fff; font-size: 16px } .cubeNavigationArea2 .cubeLink:nth-child(1) { padding-top: 1% } .cubeNavigationArea2 .cubeLink:nth-child(2) { padding-top: 1% } .cubeNavigationArea2 .cubeLink:nth-child(3) { padding-top: 1% } .cubeNavigationArea2 .cubeLink:nth-child(3n+3) { width: 31.34% } .cubeNavigationArea2 .cubeLink:nth-child(9n+1) .cubeLink_a .cubeLink_bg { background-color: #d87570 } .cubeNavigationArea2 .cubeLink:nth-child(9n+2) .cubeLink_a .cubeLink_bg { background-color: #bbd1c4 } .cubeNavigationArea2 .cubeLink:nth-child(9n+3) .cubeLink_a .cubeLink_bg { background-color: #febf02 } .cubeNavigationArea2 .cubeLink:nth-child(9n+4) .cubeLink_a .cubeLink_bg { background-color: #bc4040 } .cubeNavigationArea2 .cubeLink:nth-child(9n+5) .cubeLink_a .cubeLink_bg { background-color: #6f9c97 } .cubeNavigationArea2 .cubeLink:nth-child(9n+6) .cubeLink_a .cubeLink_bg { background-color: #ff8b00 } .cubeNavigationArea2 .cubeLink:nth-child(9n+7) .cubeLink_a .cubeLink_bg { background-color: #d87570 } .cubeNavigationArea2 .cubeLink:nth-child(9n+8) .cubeLink_a .cubeLink_bg { background-color: #bbd1c4 } .cubeNavigationArea2 .cubeLink:nth-child(9n+9) .cubeLink_a .cubeLink_bg { background-color: #febf02 } .cubeNavigationArea2 .cubeLink:nth-child(9n+1) .icon-cube:before { content: "\e641" } .cubeNavigationArea2 .cubeLink:nth-child(9n+2) .icon-cube:before { content: "\e6a1" } .cubeNavigationArea2 .cubeLink:nth-child(9n+3) .icon-cube:before { content: "\e66a" } .cubeNavigationArea2 .cubeLink:nth-child(9n+4) .icon-cube:before { content: "\e637" } .cubeNavigationArea2 .cubeLink:nth-child(9n+5) .icon-cube:before { content: "\e687" } .cubeNavigationArea2 .cubeLink:nth-child(9n+6) .icon-cube:before { content: "\e6c1" } .cubeNavigationArea2 .cubeLink:nth-child(9n+7) .icon-cube:before { content: "\e6de" } .cubeNavigationArea2 .cubeLink:nth-child(9n+8) .icon-cube:before { content: "\e682" } .cubeNavigationArea2 .cubeLink:nth-child(9n+9) .icon-cube:before { content: "\e6e0" } .cubeNavigationArea3 .cubeLink { width: 47.75% } .cubeNavigationArea3 .cubeLink .cubeLink_a .cubeLink_ico { left: 10%; top: 10% } .cubeNavigationArea3 .cubeLink .cubeLink_a .cubeLink_text { bottom: 15%; text-align: right; color: #fff; font-size: 16px } .cubeNavigationArea3 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p { padding-right: 10% } .cubeNavigationArea3 .cubeLink:nth-child(1) { padding-top: 1% } .cubeNavigationArea3 .cubeLink:nth-child(2) { padding-top: 1% } .cubeNavigationArea3 .cubeLink:nth-child(6n+1) .cubeLink_a .cubeLink_bg { background-color: #148cfc } .cubeNavigationArea3 .cubeLink:nth-child(6n+2) .cubeLink_a .cubeLink_bg { background-color: #99b802 } .cubeNavigationArea3 .cubeLink:nth-child(6n+3) .cubeLink_a .cubeLink_bg { background-color: #00aea5 } .cubeNavigationArea3 .cubeLink:nth-child(6n+4) .cubeLink_a .cubeLink_bg { background-color: #fe8705 } .cubeNavigationArea3 .cubeLink:nth-child(6n+5) .cubeLink_a .cubeLink_bg { background-color: #5a35b8 } .cubeNavigationArea3 .cubeLink:nth-child(6n+6) .cubeLink_a .cubeLink_bg { background-color: #ea0001 } .cubeNavigationArea3 .cubeLink:nth-child(6n+1) .icon-cube:before { content: "\e6aa" } .cubeNavigationArea3 .cubeLink:nth-child(6n+2) .icon-cube:before { content: "\e688" } .cubeNavigationArea3 .cubeLink:nth-child(6n+3) .icon-cube:before { content: "\e674" } .cubeNavigationArea3 .cubeLink:nth-child(6n+4) .icon-cube:before { content: "\e6a0" } .cubeNavigationArea3 .cubeLink:nth-child(6n+5) .icon-cube:before { content: "\e630" } .cubeNavigationArea3 .cubeLink:nth-child(6n+6) .icon-cube:before { content: "\e6dd" } .cubeNavigationArea4 .cubeLink { width: 47.75% } .cubeNavigationArea4 .cubeLink .cubeLink_a .cubeLink_bg { background-color: #f37e39; border-radius: 10px } .cubeNavigationArea4 .cubeLink .cubeLink_a .cubeLink_ico { right: 10%; top: 0; bottom: 0 } .cubeNavigationArea4 .cubeLink .cubeLink_a .cubeLink_text { position: relative; height: 100%; display: table; text-align: left; color: #fff; font-size: 16px } .cubeNavigationArea4 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p { padding-left: 10%; display: table-cell; vertical-align: middle } .cubeNavigationArea4 .cubeLink:nth-child(1) { padding-top: 1% } .cubeNavigationArea4 .cubeLink:nth-child(2) { padding-top: 1% } .cubeNavigationArea4 .cubeLink:nth-child(6n+1) .icon-cube:before { content: "\e667" } .cubeNavigationArea4 .cubeLink:nth-child(6n+2) .icon-cube:before { content: "\e686" } .cubeNavigationArea4 .cubeLink:nth-child(6n+3) .icon-cube:before { content: "\e61b" } .cubeNavigationArea4 .cubeLink:nth-child(6n+4) .icon-cube:before { content: "\e6ef" } .cubeNavigationArea4 .cubeLink:nth-child(6n+5) .icon-cube:before { content: "\e6ed" } .cubeNavigationArea4 .cubeLink:nth-child(6n+6) .icon-cube:before { content: "\e636" } .cubeNavigationArea5 .cubeLink { height: 4.7rem } .cubeNavigationArea5 .cubeLink .cubeLink_a .cubeLink_text { color: #fff; font-size: 16px } .cubeNavigationArea5 .cubeLink:nth-child(1) { padding-top: 2% } .cubeNavigationArea5 .cubeLink:nth-child(2) { padding-top: 2% } .cubeNavigationArea5 .cubeLink:nth-child(3) { padding-top: 2% } .cubeNavigationArea5 .cubeLink:nth-child(8n+1) { width: 38% } .cubeNavigationArea5 .cubeLink:nth-child(8n+2) { width: 28% } .cubeNavigationArea5 .cubeLink:nth-child(8n+3) { width: 28% } .cubeNavigationArea5 .cubeLink:nth-child(8n+4) { width: 47.75%; height: 5.7rem } .cubeNavigationArea5 .cubeLink:nth-child(8n+5) { width: 47.75%; height: 5.7rem } .cubeNavigationArea5 .cubeLink:nth-child(8n+6) { width: 38% } .cubeNavigationArea5 .cubeLink:nth-child(8n+7) { width: 28% } .cubeNavigationArea5 .cubeLink:nth-child(8n+8) { width: 28% } .cubeNavigationArea5 .cubeLink:nth-child(8n+1) .cubeLink_a .cubeLink_bg { background-color: #f4b613 } .cubeNavigationArea5 .cubeLink:nth-child(8n+2) .cubeLink_a .cubeLink_bg { background-color: #ff8a4a } .cubeNavigationArea5 .cubeLink:nth-child(8n+3) .cubeLink_a .cubeLink_bg { background-color: #fc5265 } .cubeNavigationArea5 .cubeLink:nth-child(8n+4) .cubeLink_a .cubeLink_bg { background-color: #84d018 } .cubeNavigationArea5 .cubeLink:nth-child(8n+5) .cubeLink_a .cubeLink_bg { background-color: #14c761 } .cubeNavigationArea5 .cubeLink:nth-child(8n+6) .cubeLink_a .cubeLink_bg { background-color: #36aae7 } .cubeNavigationArea5 .cubeLink:nth-child(8n+7) .cubeLink_a .cubeLink_bg { background-color: #688ce2 } .cubeNavigationArea5 .cubeLink:nth-child(8n+8) .cubeLink_a .cubeLink_bg { background-color: #8d67e0 } .cubeNavigationArea5 .cubeLink:nth-child(8n+1) .cubeLink_ico { bottom: 10%; right: 10% } .cubeNavigationArea5 .cubeLink:nth-child(8n+2) .cubeLink_ico { top: 10%; right: 0; left: 0 } .cubeNavigationArea5 .cubeLink:nth-child(8n+3) .cubeLink_ico { bottom: 10%; right: 0; left: 0 } .cubeNavigationArea5 .cubeLink:nth-child(8n+4) .cubeLink_ico { bottom: 10%; right: 10% } .cubeNavigationArea5 .cubeLink:nth-child(8n+5) .cubeLink_ico { bottom: 10%; right: 10% } .cubeNavigationArea5 .cubeLink:nth-child(8n+6) .cubeLink_ico { bottom: 10%; right: 10% } .cubeNavigationArea5 .cubeLink:nth-child(8n+7) .cubeLink_ico { top: 10%; right: 0; left: 0 } .cubeNavigationArea5 .cubeLink:nth-child(8n+8) .cubeLink_ico { bottom: 10%; right: 0; left: 0 } .cubeNavigationArea5 .cubeLink:nth-child(8n+1) .icon-cube:before { content: "\e642" } .cubeNavigationArea5 .cubeLink:nth-child(8n+2) .icon-cube:before { content: "\e694" } .cubeNavigationArea5 .cubeLink:nth-child(8n+3) .icon-cube:before { content: "\e686" } .cubeNavigationArea5 .cubeLink:nth-child(8n+4) .icon-cube:before { content: "\e67c" } .cubeNavigationArea5 .cubeLink:nth-child(8n+5) .icon-cube:before { content: "\e630" } .cubeNavigationArea5 .cubeLink:nth-child(8n+6) .icon-cube:before { content: "\e6b2" } .cubeNavigationArea5 .cubeLink:nth-child(8n+7) .icon-cube:before { content: "\e65f" } .cubeNavigationArea5 .cubeLink:nth-child(8n+8) .icon-cube:before { content: "\e6de" } .cubeNavigationArea5 .cubeLink:nth-child(8n+1) .cubeLink_text { top: 10%; text-align: left } .cubeNavigationArea5 .cubeLink:nth-child(8n+1) .cubeLink_text .cubeLink_text_p { padding-left: 10% } .cubeNavigationArea5 .cubeLink:nth-child(8n+2) .cubeLink_text { bottom: 10%; text-align: center } .cubeNavigationArea5 .cubeLink:nth-child(8n+3) .cubeLink_text { top: 10%; text-align: center } .cubeNavigationArea5 .cubeLink:nth-child(8n+4) .cubeLink_text { top: 10%; text-align: left } .cubeNavigationArea5 .cubeLink:nth-child(8n+4) .cubeLink_text .cubeLink_text_p { padding-left: 10% } .cubeNavigationArea5 .cubeLink:nth-child(8n+5) .cubeLink_text { top: 10%; text-align: left } .cubeNavigationArea5 .cubeLink:nth-child(8n+5) .cubeLink_text .cubeLink_text_p { padding-left: 10% } .cubeNavigationArea5 .cubeLink:nth-child(8n+6) .cubeLink_text { top: 10%; text-align: left } .cubeNavigationArea5 .cubeLink:nth-child(8n+6) .cubeLink_text .cubeLink_text_p { padding-left: 10% } .cubeNavigationArea5 .cubeLink:nth-child(8n+7) .cubeLink_text { bottom: 10%; text-align: center } .cubeNavigationArea5 .cubeLink:nth-child(8n+8) .cubeLink_text { top: 10%; text-align: center } .cubeNavigationArea6 .cubeLink { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; height: 3.75rem; color: #fff } .cubeNavigationArea6 .cubeLink .cubeLink_a .cubeLink_ico { left: 0; right: 0; top: 6% } .cubeNavigationArea6 .cubeLink .cubeLink_a .cubeLink_text { color: #fff; font-size: 16px; bottom: 5% } .cubeNavigationArea6 .cubeLink:nth-child(1) { padding-top: 1% } .cubeNavigationArea6 .cubeLink:nth-child(2) { padding-top: 1% } .cubeNavigationArea6 .cubeLink:nth-child(7n+1) { width: 60%; height: 7.5rem } .cubeNavigationArea6 .cubeLink:nth-child(7n+2) { width: 40%; padding-right: 1.5% } .cubeNavigationArea6 .cubeLink:nth-child(7n+3) { width: 40%; padding-right: 1.5% } .cubeNavigationArea6 .cubeLink:nth-child(7n+4) { width: 60%; clear: left } .cubeNavigationArea6 .cubeLink:nth-child(7n+5) { width: 40%; padding-right: 1.5% } .cubeNavigationArea6 .cubeLink:nth-child(7n+6) { width: 60% } .cubeNavigationArea6 .cubeLink:nth-child(7n+7) { width: 40%; padding-right: 1.5% } .cubeNavigationArea6 .cubeLink:nth-child(7n+1) .cubeLink_a .cubeLink_bg { background-color: #6abf48 } .cubeNavigationArea6 .cubeLink:nth-child(7n+2) .cubeLink_a .cubeLink_bg { background-color: #47b8e0 } .cubeNavigationArea6 .cubeLink:nth-child(7n+3) .cubeLink_a .cubeLink_bg { background-color: #e19024 } .cubeNavigationArea6 .cubeLink:nth-child(7n+4) .cubeLink_a .cubeLink_bg { background-color: #14b4f0 } .cubeNavigationArea6 .cubeLink:nth-child(7n+5) .cubeLink_a .cubeLink_bg { background-color: #27bbd5 } .cubeNavigationArea6 .cubeLink:nth-child(7n+6) .cubeLink_a .cubeLink_bg { background-color: #ed9d24 } .cubeNavigationArea6 .cubeLink:nth-child(7n+7) .cubeLink_a .cubeLink_bg { background-color: #59ab3f } .cubeNavigationArea6 .cubeLink:nth-child(7n+1) .icon-cube:before { content: "\e606" } .cubeNavigationArea6 .cubeLink:nth-child(7n+2) .icon-cube:before { content: "\e642" } .cubeNavigationArea6 .cubeLink:nth-child(7n+3) .icon-cube:before { content: "\e62c" } .cubeNavigationArea6 .cubeLink:nth-child(7n+4) .icon-cube:before { content: "\e67c" } .cubeNavigationArea6 .cubeLink:nth-child(7n+5) .icon-cube:before { content: "\e6c4" } .cubeNavigationArea6 .cubeLink:nth-child(7n+6) .icon-cube:before { content: "\e64f" } .cubeNavigationArea6 .cubeLink:nth-child(7n+7) .icon-cube:before { content: "\e6f3" } .cubeNavigationArea6 .cubeLink:nth-child(7n+1) .cubeLink_text { bottom: 10%; text-align: center } .cubeNavigationArea6 .cubeLink:nth-child(7n+2) .cubeLink_text { text-align: center } .cubeNavigationArea6 .cubeLink:nth-child(7n+3) .cubeLink_text { text-align: center } .cubeNavigationArea6 .cubeLink:nth-child(7n+4) .cubeLink_text { text-align: center } .cubeNavigationArea6 .cubeLink:nth-child(7n+5) .cubeLink_text { text-align: center } .cubeNavigationArea6 .cubeLink:nth-child(7n+6) .cubeLink_text { text-align: center } .cubeNavigationArea6 .cubeLink:nth-child(7n+7) .cubeLink_text { text-align: center } .formStyle31.moduleStyle7 { background: #fff } .cubeNavigationArea7 .cubeLink { width: 24%; height: 3.5rem; padding-bottom: 4%; color: #fff } .cubeNavigationArea7 .cubeLink .cubeLink_a .cubeLink_ico { width: 2.6rem; height: 2.6rem; top: auto!important; bottom: auto!important; left: 0!important; right: 0!important; margin: auto!important; background-position: center center; background-repeat: no-repeat; border-radius: 50% } .cubeNavigationArea7 .cubeLink .cubeLink_a .cubeLink_text { color: #333; font-size: 14px } .cubeNavigationArea7 .cubeLink .cubeLink_a .cubeLink_bg { margin: auto; position: absolute; background-size: 40px 40px; width: 2.6rem; height: 2.6rem; left: 0; right: 0; background-position: center center; background-repeat: no-repeat; border-radius: 50% } .cubeNavigationArea7 .cubeLink .cubeLink_a .cubeLink_text { left: auto!important; right: auto!important; top: auto!important; bottom: 0!important; text-align: center!important; height: auto!important; position: absolute!important; display: block!important } .cubeNavigationArea7 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p { display: block!important; padding: 0!important; font-size:.6rem } .cubeNavigationArea7 .cubeLink:nth-child(1) { padding-top: 4.5% } .cubeNavigationArea7 .cubeLink:nth-child(2) { padding-top: 4.5% } .cubeNavigationArea7 .cubeLink:nth-child(3) { padding-top: 4.5% } .cubeNavigationArea7 .cubeLink:nth-child(4) { padding-top: 4.5% } .cubeNavigationArea7 .cubeLink:nth-child(4n+1) { padding-left: 2% } .cubeNavigationArea7 .cubeLink:nth-child(4n+2) { padding-left: 0 } .cubeNavigationArea7 .cubeLink:nth-child(4n+3) { padding-left: 0 } .cubeNavigationArea7 .cubeLink:nth-child(4n+4) { padding-left: 0 } .cubeNavigationArea7 .cubeLink:nth-child(12n+1) .icon-cube:before { content: "\e606"; font-size: 1.5rem; margin-left:.55rem } .cubeNavigationArea7 .cubeLink:nth-child(12n+2) .icon-cube:before { content: "\e688"; font-size: 1.5rem; margin-left:.55rem } .cubeNavigationArea7 .cubeLink:nth-child(12n+3) .icon-cube:before { content: "\e694"; font-size: 1.5rem; margin-left:.55rem } .cubeNavigationArea7 .cubeLink:nth-child(12n+4) .icon-cube:before { content: "\e61b"; font-size: 1.5rem; margin-left:.55rem } .cubeNavigationArea7 .cubeLink:nth-child(12n+5) .icon-cube:before { content: "\e64c"; font-size: 1.5rem; margin-left:.55rem } .cubeNavigationArea7 .cubeLink:nth-child(12n+6) .icon-cube:before { content: "\e67c"; font-size: 1.5rem; margin-left:.55rem } .cubeNavigationArea7 .cubeLink:nth-child(12n+7) .icon-cube:before { content: "\e640"; font-size: 1.5rem; margin-left:.55rem } .cubeNavigationArea7 .cubeLink:nth-child(12n+8) .icon-cube:before { content: "\e652"; font-size: 1.5rem; margin-left:.55rem } .cubeNavigationArea7 .cubeLink:nth-child(12n+9) .icon-cube:before { content: "\e65f"; font-size: 1.5rem; margin-left:.55rem } .cubeNavigationArea7 .cubeLink:nth-child(12n+10) .icon-cube:before { content: "\e686"; font-size: 1.5rem; margin-left:.55rem } .cubeNavigationArea7 .cubeLink:nth-child(12n+11) .icon-cube:before { content: "\e6e1"; font-size: 1.5rem; margin-left:.55rem } .cubeNavigationArea7 .cubeLink:nth-child(12n+12) .icon-cube:before { content: "\e70d"; font-size: 1.5rem; margin-left:.55rem } .cubeNavigationArea7 .cubeLink:nth-child(12n+1) .cubeLink_bg { background-color: #37a1db } .cubeNavigationArea7 .cubeLink:nth-child(12n+2) .cubeLink_bg { background-color: #678be0 } .cubeNavigationArea7 .cubeLink:nth-child(12n+3) .cubeLink_bg { background-color: #8c66de } .cubeNavigationArea7 .cubeLink:nth-child(12n+4) .cubeLink_bg { background-color: #83d017 } .cubeNavigationArea7 .cubeLink:nth-child(12n+5) .cubeLink_bg { background-color: #f2b513 } .cubeNavigationArea7 .cubeLink:nth-child(12n+6) .cubeLink_bg { background-color: #14c761 } .cubeNavigationArea7 .cubeLink:nth-child(12n+7) .cubeLink_bg { background-color: #fc5366 } .cubeNavigationArea7 .cubeLink:nth-child(12n+8) .cubeLink_bg { background-color: #3b6ddf } .cubeNavigationArea7 .cubeLink:nth-child(12n+9) .cubeLink_bg { background-color: #688ce3 } .cubeNavigationArea7 .cubeLink:nth-child(12n+10) .cubeLink_bg { background-color: #36a1da } .cubeNavigationArea7 .cubeLink:nth-child(12n+11) .cubeLink_bg { background-color: #83cf16 } .cubeNavigationArea7 .cubeLink:nth-child(12n+12) .cubeLink_bg { background-color: #8d65e0 } .cubeNavigationArea8 .cubeLink { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; height: 3.75rem; color: #fff; width: 25% } .cubeNavigationArea8 .cubeLink .cubeLink_a .cubeLink_bg { background-color: #0180e1 } .cubeNavigationArea8 .cubeLink .cubeLink_a .cubeLink_ico { left: 0; right: 0; top: 10% } .cubeNavigationArea8 .cubeLink .cubeLink_a .cubeLink_text { color: #fff; font-size: 14px; text-align: center; bottom: 10% } .cubeNavigationArea8 .cubeLink:nth-child(12n+1) { width: 50%; height: 7.5rem; clear: left } .cubeNavigationArea8 .cubeLink:nth-child(12n+2) { width: 25% } .cubeNavigationArea8 .cubeLink:nth-child(12n+3) { width: 25%; padding-right: 1.5% } .cubeNavigationArea8 .cubeLink:nth-child(12n+4) { width: 25% } .cubeNavigationArea8 .cubeLink:nth-child(12n+5) { width: 25%; padding-right: 1.5% } .cubeNavigationArea8 .cubeLink:nth-child(12n+6) { width: 50%; clear: left } .cubeNavigationArea8 .cubeLink:nth-child(12n+7) { width: 50%; padding-right: 1.5% } .cubeNavigationArea8 .cubeLink:nth-child(12n+8) { width: 50%; height: 7.5rem } .cubeNavigationArea8 .cubeLink:nth-child(12n+9) { width: 25% } .cubeNavigationArea8 .cubeLink:nth-child(12n+10) { width: 25%; padding-right: 1.5% } .cubeNavigationArea8 .cubeLink:nth-child(12n+11) { width: 25% } .cubeNavigationArea8 .cubeLink:nth-child(12n+12) { width: 25%; padding-right: 1.5% } .cubeNavigationArea8 .cubeLink:nth-child(12n+1) .cubeLink_a .cubeLink_ico { top: 23% } .cubeNavigationArea8 .cubeLink:nth-child(12n+1) .cubeLink_a .cubeLink_text { bottom: 36% } .cubeNavigationArea8 .cubeLink:nth-child(12n+8) .cubeLink_a .cubeLink_ico { top: 23% } .cubeNavigationArea8 .cubeLink:nth-child(12n+8) .cubeLink_a .cubeLink_text { bottom: 36% } .cubeNavigationArea8 .cubeLink:nth-child(12n+6) .cubeLink_a .cubeLink_bg { background-image: url(../images/1.jpg); background-size: cover; background-position: center; background-repeat: no-repeat } .cubeNavigationArea8 .cubeLink:nth-child(12n+7) .cubeLink_a .cubeLink_bg { background-image: url(../images/2.jpg); background-size: cover; background-position: center; background-repeat: no-repeat } .cubeNavigationArea8 .cubeLink:nth-child(12n+1) .icon-cube:before { content: "\e694" } .cubeNavigationArea8 .cubeLink:nth-child(12n+2) .icon-cube:before { content: "\e62c" } .cubeNavigationArea8 .cubeLink:nth-child(12n+3) .icon-cube:before { content: "\e688" } .cubeNavigationArea8 .cubeLink:nth-child(12n+4) .icon-cube:before { content: "\e67c" } .cubeNavigationArea8 .cubeLink:nth-child(12n+5) .icon-cube:before { content: "\e61f" } .cubeNavigationArea8 .cubeLink:nth-child(12n+8) .icon-cube:before { content: "\e642" } .cubeNavigationArea8 .cubeLink:nth-child(12n+9) .icon-cube:before { content: "\e648" } .cubeNavigationArea8 .cubeLink:nth-child(12n+10) .icon-cube:before { content: "\e636" } .cubeNavigationArea8 .cubeLink:nth-child(12n+11) .icon-cube:before { content: "\e63a" } .cubeNavigationArea8 .cubeLink:nth-child(12n+12) .icon-cube:before { content: "\e6c6" } .cubeNavigationArea9 { width: 101% } .cubeNavigationArea9 .cubeLink { width: 33.33%; padding-left: 0; padding-bottom: 0 } .cubeNavigationArea9 .cubeLink .cubeLink_a .cubeLink_ico { left: 0; right: 0; top: 21% } .cubeNavigationArea9 .cubeLink .cubeLink_a .cubeLink_text { bottom: 20%; text-align: center; color: #fff; font-size: 14px } .cubeNavigationArea9 .cubeLink:nth-child(2n+1) .cubeLink_bg { background: linear-gradient(top left, #5c5c5d, #111212); background: -webkit-linear-gradient(top left, #5c5c5d, #111212); background: -ms-linear-gradient(top left, #5c5c5d, #111212); background: -moz-linear-gradient(top left, #5c5c5d, #111212); background: -o-linear-gradient(top left, #5c5c5d, #111212) } .cubeNavigationArea9 .cubeLink:nth-child(2n+2) .cubeLink_bg { background: linear-gradient(top left, #9bd7d2, #2c7f81); background: -webkit-linear-gradient(top left, #9bd7d2, #2c7f81); background: -ms-linear-gradient(top left, #9bd7d2, #2c7f81); background: -moz-linear-gradient(top left, #9bd7d2, #2c7f81); background: -o-linear-gradient(top left, #9bd7d2, #2c7f81) } .cubeNavigationArea9 .cubeLink:nth-child(9n+1) .icon-cube:before { content: "\e642" } .cubeNavigationArea9 .cubeLink:nth-child(9n+2) .icon-cube:before { content: "\e6a6" } .cubeNavigationArea9 .cubeLink:nth-child(9n+3) .icon-cube:before { content: "\e6ac" } .cubeNavigationArea9 .cubeLink:nth-child(9n+4) .icon-cube:before { content: "\e678" } .cubeNavigationArea9 .cubeLink:nth-child(9n+5) .icon-cube:before { content: "\e638" } .cubeNavigationArea9 .cubeLink:nth-child(9n+6) .icon-cube:before { content: "\e615" } .cubeNavigationArea9 .cubeLink:nth-child(9n+7) .icon-cube:before { content: "\e62c" } .cubeNavigationArea9 .cubeLink:nth-child(9n+8) .icon-cube:before { content: "\e67c" } .cubeNavigationArea9 .cubeLink:nth-child(9n+9) .icon-cube:before { content: "\e6b8" } .cubeNavigationArea9 .cubeLink_fixWidth_1 { width: 100%!important } .cubeNavigationArea9 .cubeLink_fixWidth_2 { width: 50%!important } .cubeNavigationArea10 .icon-cube { color: #5c6066 } .template349.formStyle31.moduleStyle10:nth-child(1) { margin-top: 215px; margin-bottom: 50px } .cubeNavigationArea10 .cubeLink { width: 45.5%; height: 4.5rem; padding-bottom: 4%; color: #fff } .cubeNavigationArea10 .cubeLink .cubeLink_a .cubeLink_bg { background-color: #fff; opacity: .8; border-radius: 5px 5px } .cubeNavigationArea10 .cubeLink .cubeLink_a .cubeLink_ico { left: 0; right: 0; top: 20% } .cubeNavigationArea10 .cubeLink .cubeLink_a .cubeLink_text { color: #333; font-size: 16px; text-align: center; bottom: 17% } .cubeNavigationArea10 .cubeLink:nth-child(2n+1) { padding-left: 3% } .cubeNavigationArea10 .cubeLink:nth-child(2n+2) { padding-left: 3% } .cubeNavigationArea10 .cubeLink:nth-child(6n+1) .icon-cube:before { content: "\e62e" } .cubeNavigationArea10 .cubeLink:nth-child(6n+2) .icon-cube:before { content: "\e61f" } .cubeNavigationArea10 .cubeLink:nth-child(6n+3) .icon-cube:before { content: "\e688" } .cubeNavigationArea10 .cubeLink:nth-child(6n+4) .icon-cube:before { content: "\e67c" } .cubeNavigationArea10 .cubeLink:nth-child(6n+5) .icon-cube:before { content: "\e65f" } .cubeNavigationArea10 .cubeLink:nth-child(6n+6) .icon-cube:before { content: "\e640" } .cubeNavigationArea10 .cubeLink_fixWidth_1 { width: 94%!important } .cubeNavigationArea11 .cubeLink { width: 31%; height: 5rem; padding-bottom: 2%; color: #fff; font-size: 16px } .cubeNavigationArea11 .cubeLink .cubeLink_a .cubeLink_bg { background-color: #fff; opacity: .8; border-radius: 1px 1px } .cubeNavigationArea11 .cubeLink .cubeLink_a .cubeLink_ico { left: 0; right: 0; top: 24% } .cubeNavigationArea11 .cubeLink .cubeLink_a .cubeLink_text { color: #333; font-size: 14px; text-align: center; bottom: 20% } .cubeNavigationArea11 .cubeLink:nth-child(6n+8) { padding-left: 2% } .cubeNavigationArea11 .cubeLink:nth-child(6n+9) { padding-left: 11% } .cubeNavigationArea11 .cubeLink:nth-child(6n+10) { padding-left: 2% } .cubeNavigationArea11 .cubeLink:nth-child(6n+11) { padding-left: 11% } .cubeNavigationArea11 .cubeLink:nth-child(6n+12) { padding-left: 2% } .cubeNavigationArea11 .cubeLink:nth-child(6n+13) { padding-left: 11% } .cubeNavigationArea11 .cubeLink:nth-child(6n+8) .icon-cube:before { content: "\e640" } .cubeNavigationArea11 .cubeLink:nth-child(6n+9) .icon-cube:before { content: "\e62e" } .cubeNavigationArea11 .cubeLink:nth-child(6n+10) .icon-cube:before { content: "\e6dd" } .cubeNavigationArea11 .cubeLink:nth-child(6n+11) .icon-cube:before { content: "\e6aa" } .cubeNavigationArea11 .cubeLink:nth-child(6n+12) .icon-cube:before { content: "\e67c" } .cubeNavigationArea11 .cubeLink:nth-child(6n+13) .icon-cube:before { content: "\e6e1" } .cubeNavigationArea11 .icon-cube { color: #5c6066 } .cubeNavigationArea11 .cubeLink:nth-child(1) .cubeLink_a .cubeLink_ico { background-image: none!important } .cubeNavigationArea11 .cubeLink:nth-child(1) .cubeLink_a .cubeLink_ico:before { content: none!important } .cubeNavigationArea11 .cubeLink:nth-child(1) .cubeLink_a .cubeLink_text { font-size: 22px; position: relative!important; text-align: center!important; display: table!important; height: 100%!important; left: auto!important; right: auto!important; top: auto!important; bottom: auto!important } .cubeNavigationArea11 .cubeLink:nth-child(1) .cubeLink_a .cubeLink_text .cubeLink_text_p { display: table-cell!important; vertical-align: middle!important; padding: 0!important } .cubeNavigationArea11 .cubeLink:nth-child(2) .icon-cube:before { content: "\e640" } .cubeNavigationArea11 .cubeLink:nth-child(3) .icon-cube:before { content: "\e62e" } .cubeNavigationArea11 .cubeLink:nth-child(4) .icon-cube:before { content: "\e6dd" } .cubeNavigationArea11 .cubeLink:nth-child(5) .icon-cube:before { content: "\e6aa" } .cubeNavigationArea11 .cubeLink:nth-child(6) .icon-cube:before { content: "\e67c" } .cubeNavigationArea11 .cubeLink:nth-child(7) .icon-cube:before { content: "\e6e1" } .cubeNavigationArea11 .cubeLink:nth-child(1) { padding-left: 2%; float: right; width: 56% } .cubeNavigationArea11 .cubeLink:nth-child(2) { padding-left: 11% } .cubeNavigationArea11 .cubeLink:nth-child(3) { padding-left: 11% } .cubeNavigationArea11 .cubeLink:nth-child(4) { padding-left: 2% } .cubeNavigationArea11 .cubeLink:nth-child(5) { padding-left: 11% } .cubeNavigationArea11 .cubeLink:nth-child(6) { padding-left: 2% } .cubeNavigationArea11 .cubeLink:nth-child(7) { padding-left: 11% } .template350.formStyle31.moduleStyle12:nth-child(1) { margin-top: 212px; margin-bottom: 50px } .cubeNavigationArea12 .cubeLink { width: 40%; height: 1.8rem; color: #fff } .cubeNavigationArea12 .cubeLink .cubeLink_a .cubeLink_bg { background-color: #fff; opacity: .5; border-radius: 1px; box-shadow: 0 0 1px 1px #cacaca } .cubeNavigationArea12 .cubeLink .cubeLink_a .cubeLink_ico { left: 0; right: 0; background-image: none!important } .cubeNavigationArea12 .cubeLink .cubeLink_a .cubeLink_ico:before { content: none!important } .cubeNavigationArea12 .cubeLink .cubeLink_a .cubeLink_text { color: #333; font-size: 14px; position: relative!important; text-align: center!important; display: table!important; height: 100%!important; left: auto!important; right: auto!important; top: auto!important; bottom: auto!important } .cubeNavigationArea12 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p { display: table-cell!important; vertical-align: middle!important; padding: 0!important } .cubeNavigationArea12 .cubeLink:nth-child(2n+1) { padding-left: 10% } .cubeNavigationArea12 .cubeLink_fixWidth_1 { width: 81.5%!important } .formStyle31.moduleStyle13 { background: #fff; margin: 0 } .cubeNavigationArea13 .icon-cube { font-size: 2.2rem } .cubeNavigationArea13 { padding-top: 0 } .cubeNavigationArea13 .cubeLink { width: 33%; height: 5.2rem; padding: 0; padding-bottom: 2px; color: #fff; background: transparent; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box } .cubeNavigationArea13 .cubeLink .cubeLink_a { background: #fff } .cubeNavigationArea13 .cubeLink .cubeLink_a .cubeLink_ico { width: 2.8rem; height: 2.8rem; top:.5rem!important; bottom: auto!important; left: 0!important; right: 0!important; margin: auto!important; background-position: center center; background-repeat: no-repeat; border-radius: 50% } .cubeNavigationArea13 .cubeLink .cubeLink_a .cubeLink_text { color: #333; font-size: 14px } .cubeNavigationArea13 .cubeLink .cubeLink_a .cubeLink_bg { margin: auto; position: absolute; background-size: 40px 40px; width: 2.8rem; height: 2.8rem; left: 0; right: 0; top:.5rem; background-position: center center; background-repeat: no-repeat; border-radius: 50% } .cubeNavigationArea13 .cubeLink .cubeLink_a .cubeLink_text { left: auto!important; right: auto!important; top: auto!important; bottom:.5rem!important; text-align: center!important; height: auto!important; position: absolute!important; display: block!important } .cubeNavigationArea13 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p { display: block!important; padding: 0!important } .cubeNavigationArea13 .cubeLink:nth-child(3n+2) { width: 34%; padding-left: 2px; padding-right: 2px } .cubeNavigationArea13 .cubeLink:nth-child(9n+1) .icon-cube:before { content: "\e6e4"; font-size: 1.7rem; margin-left:.55rem } .cubeNavigationArea13 .cubeLink:nth-child(9n+2) .icon-cube:before { content: "\e6ea"; font-size: 1.7rem; margin-left:.55rem } .cubeNavigationArea13 .cubeLink:nth-child(9n+3) .icon-cube:before { content: "\e65a"; font-size: 1.7rem; margin-left:.55rem } .cubeNavigationArea13 .cubeLink:nth-child(9n+4) .icon-cube:before { content: "\e6fa"; font-size: 1.7rem; margin-left:.55rem } .cubeNavigationArea13 .cubeLink:nth-child(9n+5) .icon-cube:before { content: "\e6ec"; font-size: 1.7rem; margin-left:.55rem } .cubeNavigationArea13 .cubeLink:nth-child(9n+6) .icon-cube:before { content: "\e613"; font-size: 1.7rem; margin-left:.55rem } .cubeNavigationArea13 .cubeLink:nth-child(9n+7) .icon-cube:before { content: "\e6da"; font-size: 1.7rem; margin-left:.55rem } .cubeNavigationArea13 .cubeLink:nth-child(9n+8) .icon-cube:before { content: "\e614"; font-size: 1.7rem; margin-left:.55rem } .cubeNavigationArea13 .cubeLink:nth-child(9n+9) .icon-cube:before { content: "\e6c3"; font-size: 1.7rem; margin-left:.55rem } .cubeNavigationArea13 .cubeLink:nth-child(9n+1) .cubeLink_bg { background-color: #fdc200 } .cubeNavigationArea13 .cubeLink:nth-child(9n+2) .cubeLink_bg { background-color: #96a3fc } .cubeNavigationArea13 .cubeLink:nth-child(9n+3) .cubeLink_bg { background-color: #f99161 } .cubeNavigationArea13 .cubeLink:nth-child(9n+4) .cubeLink_bg { background-color: #c697d8 } .cubeNavigationArea13 .cubeLink:nth-child(9n+5) .cubeLink_bg { background-color: #8fa5ad } .cubeNavigationArea13 .cubeLink:nth-child(9n+6) .cubeLink_bg { background-color: #ed6492 } .cubeNavigationArea13 .cubeLink:nth-child(9n+7) .cubeLink_bg { background-color: #54d0e3 } .cubeNavigationArea13 .cubeLink:nth-child(9n+8) .cubeLink_bg { background-color: #fcbd15 } .cubeNavigationArea13 .cubeLink:nth-child(9n+9) .cubeLink_bg { background-color: #98ce5a } .formStyle31.moduleStyle14 { background: #fff; margin-top: 0 } .cubeNavigationArea14 { width: 100%; padding-top: 0 } .cubeNavigationArea14 .icon-cube { color: #5c6066 } .cubeNavigationArea14 .cubeLink { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; padding: 0; padding-bottom: .5%; height: 4.2rem; color: #fff; background: transparent } .cubeNavigationArea14 .cubeLink .cubeLink_a .cubeLink_bg { background: #fff } .cubeNavigationArea14 .cubeLink .cubeLink_a .cubeLink_ico { top:.5rem!important; bottom: auto!important; left: 0!important; right: 0!important; margin: auto!important } .cubeNavigationArea14 .cubeLink .cubeLink_a .cubeLink_text { color: #333; font-size: 14px; bottom:.6rem!important; left: auto!important; right: auto!important; top: auto!important; text-align: center!important; height: auto!important; position: absolute!important; display: block!important } .cubeNavigationArea14 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p { display: block!important; padding: 0!important; font-size:.6rem } .cubeNavigationArea14 .cubeLink:nth-child(1) { padding-right: .5% } .cubeNavigationArea14 .cubeLink:nth-child(2) { padding-right: .5% } .cubeNavigationArea14 .cubeLink:nth-child(3) { padding-right: .5% } .cubeNavigationArea14 .cubeLink:nth-child(5) { padding-right: .5% } .cubeNavigationArea14 .cubeLink:nth-child(6) { padding-right: .5% } .cubeNavigationArea14 .cubeLink:nth-child(7) { padding-right: .5% } .cubeNavigationArea14 .cubeLink:nth-child(1) .icon-cube:before { content: "\e6f2" } .cubeNavigationArea14 .cubeLink:nth-child(2) .icon-cube:before { content: "\e6fa" } .cubeNavigationArea14 .cubeLink:nth-child(3) .icon-cube:before { content: "\e6f6" } .cubeNavigationArea14 .cubeLink:nth-child(4) .icon-cube:before { content: "\e6e8" } .cubeNavigationArea14 .cubeLink:nth-child(5) .icon-cube:before { content: "\e709" } .cubeNavigationArea14 .cubeLink:nth-child(6) .icon-cube:before { content: "\e70b" } .cubeNavigationArea14 .cubeLink:nth-child(7) .icon-cube:before { content: "\e6e6" } .cubeNavigationArea14 .cubeLink:nth-child(8) .icon-cube:before { content: "\e6c3" } .cubeNavigationArea14 .cubeLink:nth-child(2n+9) { width: 50%; padding-right: .5% } .cubeNavigationArea14 .cubeLink:nth-child(2n+10) { width: 50% } .cubeNavigationArea14 .cubeLink:nth-child(2n+9) .cubeLink_a .cubeLink_text .cubeLink_text_p .cubeLink_subText_p { display: block } .cubeNavigationArea14 .cubeLink:nth-child(2n+10) .cubeLink_a .cubeLink_text .cubeLink_text_p .cubeLink_subText_p { display: block } .cubeNavigationArea14 .cubeLink:nth-child(4n+9) .cubeLink_a .cubeLink_text { font-size: 20px; position: relative!important; text-align: center!important; display: table!important; height: 100%!important; left: auto!important; right: auto!important; top: auto!important; bottom: auto!important } .cubeNavigationArea14 .cubeLink:nth-child(4n+9) .cubeLink_a .cubeLink_text .cubeLink_text_p { display: table-cell!important; vertical-align: middle!important; padding: 0!important } .cubeNavigationArea14 .cubeLink:nth-child(4n+9) .cubeLink_a .cubeLink_text .cubeLink_text_p .cubeLink_subText_p { font-size:.6rem; font-weight: normal; color: #333; font-family: Arial; display: block } .cubeNavigationArea14 .cubeLink:nth-child(4n+10) .cubeLink_bg { background-image: url(../images/3.jpg); background-size: cover; background-position: center; background-repeat: no-repeat } .cubeNavigationArea14 .cubeLink:nth-child(4n+11) .cubeLink_bg { background-image: url(../images/3.jpg); background-size: cover; background-position: center; background-repeat: no-repeat } .cubeNavigationArea14 .cubeLink:nth-child(4n+12) .cubeLink_a .cubeLink_text { font-size: 20px; position: relative!important; text-align: center!important; display: table!important; height: 100%!important; left: auto!important; right: auto!important; top: auto!important; bottom: auto!important } .cubeNavigationArea14 .cubeLink:nth-child(4n+12) .cubeLink_a .cubeLink_text .cubeLink_text_p { display: table-cell!important; vertical-align: middle!important; padding: 0!important } .cubeNavigationArea14 .cubeLink:nth-child(4n+12) .cubeLink_a .cubeLink_text .cubeLink_text_p .cubeLink_subText_p { font-size:.6rem; font-weight: normal; color: #333; font-family: Arial; display: block } .formStyle31.moduleStyle15 { background: #fff; margin-top: 0 } .cubeNavigationArea15 { width: 100%; padding-top: 0 } .cubeNavigationArea15 .cubeLink { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 0; height: 3.7rem; padding-bottom: .5% } .cubeNavigationArea15 .cubeLink .cubeLink_a { overflow: hidden } .cubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_bg { background-size: cover; background-position: center; background-repeat: no-repeat } .cubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_curtain { width: 57%; right: -14%; -webkit-transform: skew(-30deg, 0deg); -ms-transform: skew(-30deg, 0deg); -moz-transform: skew(-30deg, 0deg); -o-transform: skew(-30deg, 0deg); transform: skew(-30deg, 0deg); background: linear-gradient(top, #fbfbfb, #d2cfd0); background: -webkit-linear-gradient(top, #fbfbfb, #d2cfd0); background: -ms-linear-gradient(top, #fbfbfb, #d2cfd0); background: -moz-linear-gradient(top, #fbfbfb, #d2cfd0); background: -o-linear-gradient(top, #fbfbfb, #d2cfd0) } @media only screen and (min-width:480px) { .cubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_curtain { width: 55% } } .cubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_ico { left: 0; right: 0; background-image: none!important } .cubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_ico:before { content: none!important } .cubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_text { font-size: 16px; color: #333; position: relative!important; text-align: right!important; display: table!important; height: 100%!important; left: auto!important; right: auto!important; top: auto!important; bottom: auto!important } .cubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p { display: table-cell!important; vertical-align: middle!important; padding: 0 4% 0 0!important } .cubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p .cubeLink_subText_p { font-size:.6rem; font-weight: normal; color: #333; font-family: Arial; display: block } .cubeNavigationArea15 .cubeLink:nth-child(2n+1) { padding-right: .5% } .cubeNavigationArea15 .cubeLink:nth-child(8n+1) .cubeLink_a .cubeLink_bg { background-image: url(../images/7.jpg) } .cubeNavigationArea15 .cubeLink:nth-child(8n+2) .cubeLink_a .cubeLink_bg { background-image: url(../images/8.jpg) } .cubeNavigationArea15 .cubeLink:nth-child(8n+3) .cubeLink_a .cubeLink_bg { background-image: url(../images/4.jpg) } .cubeNavigationArea15 .cubeLink:nth-child(8n+4) .cubeLink_a .cubeLink_bg { background-image: url(../images/9.jpg) } .cubeNavigationArea15 .cubeLink:nth-child(8n+5) .cubeLink_a .cubeLink_bg { background-image: url(../images/5.jpg) } .cubeNavigationArea15 .cubeLink:nth-child(8n+6) .cubeLink_a .cubeLink_bg { background-image: url(../images/10.jpg) } .cubeNavigationArea15 .cubeLink:nth-child(8n+7) .cubeLink_a .cubeLink_bg { background-image: url(../images/6.jpg) } .cubeNavigationArea15 .cubeLink:nth-child(8n+8) .cubeLink_a .cubeLink_bg { background-image: url(../images/11.jpg) } .formStyle31.moduleStyle16 { background: #fff; margin-top: 0 } .cubeNavigationArea16 { width: 100%; padding-top: 0 } .cubeNavigationArea16 .cubeLink { width: 50%; padding: 0; height: 3.7rem } .cubeNavigationArea16 .cubeLink .cubeLink_a .cubeLink_ico { left: 10%; top: 0; bottom: 0 } .cubeNavigationArea16 .cubeLink .cubeLink_a .cubeLink_text { font-size: 16px; position: relative; height: 100%; display: table; text-align: left; color: #fff } .cubeNavigationArea16 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p { padding-left: 42%; display: table-cell; vertical-align: middle } .cubeNavigationArea16 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p .cubeLink_subText_p { font-size:.6rem; font-weight: normal; color: #fff; font-family: Arial; display: block } .cubeNavigationArea16 .cubeLink_fixWidth_1 .cubeLink_a .cubeLink_ico { left: 37% } .cubeNavigationArea16 .cubeLink_fixWidth_1 .cubeLink_a .cubeLink_text .cubeLink_text_p { padding-left: 53% } .cubeNavigationArea16 .cubeLink:nth-child(6n+1) .cubeLink_a .cubeLink_bg { background: linear-gradient(top, #f9aa2f, #fc9408); background: -webkit-linear-gradient(top, #f9aa2f, #fc9408); background: -ms-linear-gradient(top, #f9aa2f, #fc9408); background: -moz-linear-gradient(top, #f9aa2f, #fc9408); background: -o-linear-gradient(top, #f9aa2f, #fc9408) } .cubeNavigationArea16 .cubeLink:nth-child(6n+2) .cubeLink_a .cubeLink_bg { background: linear-gradient(top left, #514a4c, #302c33); background: -webkit-linear-gradient(top left, #514a4c, #302c33); background: -ms-linear-gradient(top left, #514a4c, #302c33); background: -moz-linear-gradient(top left, #514a4c, #302c33); background: -o-linear-gradient(top left, #514a4c, #302c33) } .cubeNavigationArea16 .cubeLink:nth-child(6n+3) .cubeLink_a .cubeLink_bg { background: linear-gradient(top, #d74428, #ce2302); background: -webkit-linear-gradient(top, #d74428, #ce2302); background: -ms-linear-gradient(top, #d74428, #ce2302); background: -moz-linear-gradient(top, #d74428, #ce2302); background: -o-linear-gradient(top, #d74428, #ce2302) } .cubeNavigationArea16 .cubeLink:nth-child(6n+4) .cubeLink_a .cubeLink_bg { background: linear-gradient(top, #00658a, #014c76); background: -webkit-linear-gradient(top, #00658a, #014c76); background: -ms-linear-gradient(top, #00658a, #014c76); background: -moz-linear-gradient(top, #00658a, #014c76); background: -o-linear-gradient(top, #00658a, #014c76) } .cubeNavigationArea16 .cubeLink:nth-child(6n+5) .cubeLink_a .cubeLink_bg { background: linear-gradient(top, #5f7285, #3c5f6d); background: -webkit-linear-gradient(top, #5f7285, #3c5f6d); background: -ms-linear-gradient(top, #5f7285, #3c5f6d); background: -moz-linear-gradient(top, #5f7285, #3c5f6d); background: -o-linear-gradient(top, #5f7285, #3c5f6d) } .cubeNavigationArea16 .cubeLink:nth-child(6n+6) .cubeLink_a .cubeLink_bg { background: linear-gradient(top, #3dc4bd, #20b4b5); background: -webkit-linear-gradient(top, #3dc4bd, #20b4b5); background: -ms-linear-gradient(top, #3dc4bd, #20b4b5); background: -moz-linear-gradient(top, #3dc4bd, #20b4b5); background: -o-linear-gradient(top, #3dc4bd, #20b4b5) } .cubeNavigationArea16 .cubeLink:nth-child(6n+1) .icon-cube:before { content: "\e686" } .cubeNavigationArea16 .cubeLink:nth-child(6n+2) .icon-cube:before { content: "\e6ac" } .cubeNavigationArea16 .cubeLink:nth-child(6n+3) .icon-cube:before { content: "\e67c" } .cubeNavigationArea16 .cubeLink:nth-child(6n+4) .icon-cube:before { content: "\e6aa" } .cubeNavigationArea16 .cubeLink:nth-child(6n+5) .icon-cube:before { content: "\e62c" } .cubeNavigationArea16 .cubeLink:nth-child(6n+6) .icon-cube:before { content: "\e6b8" } .cubeNavigationArea16 .cubeLink_fixWidth_1 { width: 100%!important } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout1 .cubeLink_ico { left: 0; right: 0; top: 10%; bottom: auto } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout1 .cubeLink_text { left: auto; right: auto; top: auto; bottom: 10%; text-align: center; height: auto; position: absolute; display: block } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout1 .cubeLink_text .cubeLink_text_p { padding-left: 0; display: block } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout2 .cubeLink_ico { left: 0; right: 0; top: auto; bottom: 10% } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout2 .cubeLink_text { left: auto; right: auto; top: 10%; bottom: auto; text-align: center; height: auto; position: absolute; display: block } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout2 .cubeLink_text .cubeLink_text_p { padding-left: 0; display: block } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout3 .cubeLink_ico { left: 10%; right: auto; top: 0; bottom: 0 } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout3 .cubeLink_text { left: auto; top: auto; bottom: auto; text-align: right; height: 100%; position: relative; display: table } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout3 .cubeLink_text .cubeLink_text_p { padding-right: 10%; display: table-cell; vertical-align: middle } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout4 .cubeLink_ico { left: auto; right: 10%; top: 0; bottom: 0 } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout4 .cubeLink_text { right: auto; top: auto; bottom: auto; text-align: left; height: 100%; position: relative; display: table } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout4 .cubeLink_text .cubeLink_text_p { padding-left: 10%; display: table-cell; vertical-align: middle } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout5 .cubeLink_ico { left: auto; right: 10%; top: auto; bottom: 10% } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout5 .cubeLink_text { right: auto; top: 10%; bottom: auto; text-align: left; height: auto; position: absolute; display: block } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout5 .cubeLink_text .cubeLink_text_p { padding-left: 10%; display: block } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout6 .cubeLink_ico { left: 10%; right: auto; top: 10%; bottom: auto } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout6 .cubeLink_text { left: auto; top: auto; bottom: 10%; text-align: right; height: auto; position: absolute; display: block } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout6 .cubeLink_text .cubeLink_text_p { padding-right: 10%; display: block } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout7 .cubeLink_ico { left: 10%; right: auto; top: auto; bottom: 10% } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout7 .cubeLink_text { left: auto; top: 10%; bottom: auto; text-align: right; height: auto; position: absolute; display: block } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout7 .cubeLink_text .cubeLink_text_p { padding-right: 10%; display: block } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout8 .cubeLink_ico { left: auto; right: 10%; top: 10%; bottom: auto } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout8 .cubeLink_text { right: auto; top: auto; bottom: 10%; text-align: left; height: auto; position: absolute; display: block } .cubeNavigationArea .cubeLink .cubeLink_a.textLayout8 .cubeLink_text .cubeLink_text_p { padding-left: 10%; display: block }